<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Image</title>
        <style>

            /* Demo styles */
            html,body{background:#222;margin:0;}
            body{border-top:4px solid #000;}
            .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
            h1{color: #DDDDDD;
                font-family: arial;
                font-size: 20px;
                font-weight: bold;
                margin: 0 0 13px;
               }
            p{margin:0 0 20px}
            a {color:#22BCB9;text-decoration:none;}
            #back{
                padding-left:30px;
                color:white;
                background: url("http://nanyang.edu.vn/style/images/back_icon.png") center left no-repeat;
            }
            .cred{margin-top:20px;font-size:11px;}

            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:320px}

        </style>

        <!-- load jQuery -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

        <!-- load Galleria -->
        <script src="<?php echo base_url();?>assets/plugin/galleria/galleria-1.2.5.min.js"></script>

    </head>
<body>
    <div class="content">
        <h1>Ảnh của album <?php echo $album->title;?></h1>
        <p id="back"><a href="<?php echo site_url('bo_suu_tap')?>">Trở lại trang Album</a></p>

        <!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->

        <div id="galleria">
        	<?php foreach($images as $data):?>
            <a href="<?php echo base_url()?>assets/images/media/<?php echo $data['file_path'];?>">
            	<img title="Locomotives Roundhouse"
            	     alt="Steam locomotives of the Chicago &amp; North Western Railway."
            	     src="<?php echo base_url()?>assets/images/media/<?php echo $data['file_path'];?>">
        	</a>
        	<?php endforeach; ?>
            
        </div>

        <p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
    </div>

    <script>

    // Load the classic theme
	Galleria.loadTheme("<?php echo base_url()?>assets/plugin/galleria/themes/classic/galleria.classic.min.js");

	// Initialize Galleria
	$('#galleria').galleria({
		width:800,
		height:450,
                imageMargin:-60,
                imagePan:false
	});

    </script>
    </body>
</html>